#_default{
    align: left top;
    layout: grid;
    grid-size: 7 7;
    background: rgb(90, 90, 90);
}
#Help {
    background: rgba(0,0,0,0.5);
    align:center middle;
}
#help_container {
    background: rgb(255,255,255) 30%;
    border: round white;
    padding: 1;
    overflow: auto;
    align: center top;
    width: auto;
    height: 75%;
    scrollbar-color: rgb(110, 110, 110);
    scrollbar-color-hover: rgb(144, 144, 144);
    scrollbar-background: rgb(60,60,60);
    scrollbar-background-hover: rgb(60,60,60);
    scrollbar-background-active: rgb(60,60,60);
}
#help_text {
    width:auto;
}
#Option{
    background: rgba(0,0,0,0.5);
    align:center middle;
    /* width: 60;
    height: 50; */
}
#refresh_interval {
    border: round white;
    margin: 1;
    width: 20;
}
#refresh_interval:focus {
    border: round orangered;
}
#theme_mode {
    border: round white;
    margin: 1;
    width: 20;
}
#theme_mode:focus {
    border: round orangered;
}
#option_container{
    background: rgb(255,255,255) 30%;
    border: round white;
    overflow: auto;
    align: center middle;
    /* width: 24; */
    /* height: 50%; */
    width: auto;
    height: auto;
    scrollbar-color: rgb(110, 110, 110);
    scrollbar-color-hover: rgb(144, 144, 144);
    scrollbar-background: rgb(60,60,60);
    scrollbar-background-hover: rgb(60,60,60);
    scrollbar-background-active: rgb(60,60,60);
}
MessageScreen {
    align: center middle;
}

#message {
    grid-size: 2;
    grid-gutter: 1 2;
    grid-rows: 1fr 3;
    padding: 0 1;
    width: 60;
    height: 15;
    /* border: thick rgb(40,40,40) 80%; */
    border: round white;
    background: rgb(60,60,60);
}
#message_text {
    column-span: 2;
    height: 1fr;
    width: 1fr;
    content-align: center middle;
}
DialogScreen {
    align: center middle;
}

#dialog {
    grid-size: 2;
    grid-gutter: 1 2;
    grid-rows: 1fr 3;
    padding: 0 1;
    width: 85;
    height: 22;
    /* border: thick rgb(40,40,40) 80%; */
    border: round white;
    background: rgb(60,60,60);
}
#dialog_text {
    column-span: 2;
    height: 1fr;
    width: 1fr;
    content-align: center middle;
}
FileReadScreen {
    align: center middle;
}
FileEditScreen {
    align: center middle;
}
AddFileScreen {
    align: center middle;
}
#file_window {
    grid-size: 2 3;
    grid-gutter: 1 2;
    grid-rows: 1 1fr 3;
    padding: 0 1;
    width: 80%;
    height: 80%;
    /* border: thick rgb(40,40,40) 80%; */
    border: round white;
    background: rgb(60,60,60);
}
#add_file_window {
    grid-size: 2 3;
    grid-gutter: 1 2;
    grid-rows: 1 1fr 3;
    padding: 0 1;
    width: 80%;
    height: 35%;
    /* border: thick rgb(40,40,40) 80%; */
    border: round white;
    background: rgb(60,60,60);
}
#add_file_input{
    column-span: 2;
}
#add_file_title {
    column-span: 2;
}
#file_title{
    column-span: 2;
    text-align:center;
    height: auto;
}
#file_content_container {
    overflow: auto;
    align: center middle;
    column-span: 2;
    scrollbar-color: rgb(110, 110, 110);
    scrollbar-color-hover: rgb(144, 144, 144);
    scrollbar-background: rgb(60,60,60);
    scrollbar-background-hover: rgb(60,60,60);
    scrollbar-background-active: rgb(60,60,60);
}
#file_content {
    padding:1 2 1 2;
    background: rgb(90, 90, 90);
    width: auto;
    /* overflow: auto scroll; */
}
#file_quit {
    column-span: 1;
}

#file_edit_window {
    grid-size: 2 3;
    grid-gutter: 1 2;
    grid-rows: 1fr 3 3;
    padding: 0 1;
    width: 80%;
    height: 80%;
    /* border: thick rgb(40,40,40) 80%; */
    border: round white;
    background: rgb(60,60,60);
}
#file_edit_table {
    column-span:2;
    overflow: auto;
    height: 100%;
    width: 100%;
    scrollbar-color: rgb(110, 110, 110);
    scrollbar-color-hover: rgb(144, 144, 144);
    scrollbar-background: rgb(60,60,60);
    scrollbar-background-hover: rgb(60,60,60);
    scrollbar-background-active: rgb(60,60,60);
}
#file_edit_input {
    column-span:2;
}
Button {
    width: 100%;
    border: none;
}
Button:focus {
    border: thick whitesmoke;
    /* background: $accent; */
}
#one {
    width: 100%;
    height: 100%;
    column-span: 2;
    row-span:7;
    margin-bottom: 1;
    margin-left: 1;
}
#wiget_label {
    background: rgb(90, 90, 90);
    text-align: left;
    text-style:bold;
    padding: 0 1 0 1;

}

#tree_box {
    border: solid white;
    /* padding: 1; */
    margin-top: 1;
    width: 100%;
    height: 100%;
    overflow: auto;
    scrollbar-color: rgb(110, 110, 110);
    scrollbar-color-hover: rgb(144, 144, 144);
    scrollbar-background: rgb(60,60,60);
    scrollbar-background-hover: rgb(60,60,60);
    scrollbar-background-active: rgb(60,60,60);
}
#tree_view {
    height: auto;
    background: rgb(80,80,80);
    overflow: auto;
    scrollbar-color: rgb(110, 110, 110);
    scrollbar-color-hover: rgb(144, 144, 144);
    scrollbar-background: rgb(60,60,60);
    scrollbar-background-hover: rgb(60,60,60);
    scrollbar-background-active: rgb(60,60,60);
}


#tree_view {
    width: 100%;
    height: 100%;
}
LoadingIndicator {
    width: 100%;
    height: 100%;
    align: right middle;
    color: rgb(255, 119, 0);
}
#two {
    column-span: 3;
    row-span:4;
    height: 100%;
    width: 100%;
    margin-top: 1;
    margin-left: 1;
    margin-right: 1;
}
#cpu_mem {
    
}
#cpubox_container {
    background: rgb(80,80,80);
    align:center top;
}
#cpubox {
    /* padding: 1; */
    border: solid white;
    align:center middle;
}
#CpuInfo {
    align:center top;
    width: 40%;
    overflow: auto;
    scrollbar-color: rgb(110, 110, 110);
    scrollbar-color-hover: rgb(144, 144, 144);
    scrollbar-background: rgb(60,60,60);
    scrollbar-background-hover: rgb(60,60,60);
    scrollbar-background-active: rgb(60,60,60);
    margin-top: 1;
}
#MemoryInfo {
    align:center top;
    width: 45%;
    overflow: auto;
    scrollbar-color: rgb(110, 110, 110);
    scrollbar-color-hover: rgb(144, 144, 144);
    scrollbar-background: rgb(60,60,60);
    scrollbar-background-hover: rgb(60,60,60);
    scrollbar-background-active: rgb(60,60,60);
    margin-top: 1;
}
#membar {
    width: auto;
    border: round white;
}
#cpubar {
    width: auto;
    border: round white;
}
#four {
    column-span: 2;
    row-span:2;
    width: 100%;
    margin-top: 1;
    margin-right: 1;
    align:center top;
}
#four_container {
    align:center middle;
    /* background: rgb(70, 70, 70); */
    height: auto;
    border: round white;
}
#date_container {
    align:center middle;
    height: auto;
}
#date{
    width: auto;
}
#clock_container{
    align:center middle;
    height: auto;
}
#clock{
    width: auto;
}
#boot_time {
    width: auto;
}
#boot_time_container {
    align:center middle;
    height: auto;
}
#five {
    column-span: 2;
    row-span:2;
    height: 100%;
    width: 100%;
    
}

#user_table {
    border: solid white;
    /* background: rgb(80,80,80); */
    background: rgb(90,90,90);
    height: 100%;
    width: 100%;
    margin-right: 1;
    overflow: auto;
    /* background: rgb(90, 90, 90); */
    scrollbar-color: rgb(110, 110, 110);
    scrollbar-color-hover: rgb(144, 144, 144);
    scrollbar-background: rgb(60,60,60);
    scrollbar-background-hover: rgb(60,60,60);
    scrollbar-background-active: rgb(60,60,60);
}
#three {
    /* align: left top; */
    column-span: 5;
    row-span:3;
    height: 100%;
    width: 100%;
    margin-left: 1;
    margin-top: 1;
    margin-bottom: 1;
}

#pid_table {
    border: solid white;
    height: 100%;
    width: 100%;
    margin-right: 1;
    overflow: auto;
    background: rgb(90,90,90);
    scrollbar-color: rgb(110, 110, 110);
    scrollbar-color-hover: rgb(144, 144, 144);
    scrollbar-background: rgb(60,60,60);
    scrollbar-background-hover: rgb(60,60,60);
    scrollbar-background-active: rgb(60,60,60);

    border-subtitle-style: bold;

}


    


DataTable > .datatable--header {
    text-style: bold;
    background: rgb(67, 67, 67);
}

DataTable > .datatable--header-hover {
    background: rgb(67, 67, 67);
}

DataTable > .datatable--even-row {
    background: rgb(108, 108, 108) 50%;
}
DataTable > .datatable--odd-row {
    background: rgb(82, 82, 82) 50%;
}
DataTable > .datatable--hover {
    background: rgb(144, 144, 144) 50%;
}

ListView :focus > ListItem.--highlight {
    background: rgb(255, 130, 21);
}

ListItem > Widget :hover {
    background: rgba(255, 194, 120, 0.5);
}

Footer {
    background: rgb(84, 84, 84);
    color: rgb(255, 255, 255);
    dock: top;
    height: 1;
}

Footer > .footer--highlight {
    background: rgb(255, 130, 21);
}

Footer > .footer--highlight-key {
    background: rgb(255, 174, 120);
    text-style: bold;
}

Footer > .footer--key {
    text-style: bold;
    background: rgb(100, 100, 100);
}